<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
    String rootPath = request.getContextPath();
%>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>物品分类</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css" />
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css" />
<link rel="stylesheet" href="../static/weixin.css" />
</head>
<body>
	<div id="textjquery" style="width: 100px; height: 100px"></div>
	<form id="category" method="post">
		<input type="text" id="weixinOpenid" name="weixinOpenid"
			value="${weixinOpenid }" />
		<div class="list-block cards-list" style="margin-top: 0px">
			<ul>
				<li class="card">
					<div class="card-header">48-12 方孔/图孔</div>
					<div class="card-content">
						<div class="card-content-inner">
							江苏海州：“以讲促学”助推基层组织生活常态长效江苏省连云港市海州区以“两学一做”学习教育为契机，
							常态化开展“百人讲师团‘送学’到基层”活动，有效解决村（社区）基层组织生活不经常、 参与党员少，学习不入心、不入脑</div>
						<div style="margin-left: 80%">
							<img src="../static/image/buy.png" style="width: 50px; height: 50px;" onclick="doBuy(1,1);">
						</div>
					</div>
				</li>
				<li class="card">
					<div class="card-header">48-20 方孔/图孔</div>
					<div class="card-content">
						<div class="card-content-inner">
							江苏海州：“以讲促学”助推基层组织生活常态长效江苏省连云港市海州区以“两学一做”学习教育为契机，
							常态化开展“百人讲师团‘送学’到基层”活动，有效解决村（社区）基层组织生活不经常、 参与党员少，学习不入心、不入脑</div>
						<div style="margin-left: 80%">
							<img src="../static/image/buy.png"
								style="width: 50px; height: 50px;">
						</div>
					</div>
				</li>
				<li class="card">
					<div class="card-header">60-20 方孔/图孔</div>
					<div class="card-content">
						<div class="card-content-inner">
							江苏海州：“以讲促学”助推基层组织生活常态长效江苏省连云港市海州区以“两学一做”学习教育为契机，
							常态化开展“百人讲师团‘送学’到基层”活动，有效解决村（社区）基层组织生活不经常、 参与党员少，学习不入心、不入脑</div>
						<div style="margin-left: 80%">
							<img src="../static/image/buy.png"
								style="width: 50px; height: 50px;">
						</div>
					</div>
				</li>
				<li class="card">
					<div class="card-header">72-20 方孔/图孔</div>
					<div class="card-content">
						<div class="card-content-inner">
							江苏海州：“以讲促学”助推基层组织生活常态长效江苏省连云港市海州区以“两学一做”学习教育为契机，
							常态化开展“百人讲师团‘送学’到基层”活动，有效解决村（社区）基层组织生活不经常、 参与党员少，学习不入心、不入脑</div>
						<div style="margin-left: 80%">
							<img src="../static/image/buy.png"
								style="width: 50px; height: 50px;">
						</div>
					</div>
				</li>

			</ul>
		</div>
		</div>


	</form>
</body>
<script type='text/javascript'
	src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
	src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript'
	src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<!-- <script
  src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script> -->

<script type='text/javascript'
	src='<%=rootPath%>/static/js/jquery-3.1.1.min.js' charset='utf-8'></script>
<script type="text/javascript">

$(document).ready(function() {
	$("#textjquery").click(function(event) {
		alert('您的鼠标移到了 id="p1" 的元素上!');
	});

	
	
	
});

function doBuy(weixinOpenid,categoryid)
{
	var ajaxurl="<%=rootPath %>/weixin/buy?weixinOpenid="+weixinOpenid+"&categoryid="+categoryid;
	alert(ajaxurl);
	$.ajax({url:ajaxurl,success:function(result){
     				$("#textjquery").html(result);
    				 alert(result);
				}
			});
}



	
</script>
</html>